<template>
    <div>
        <h1>开始vue01代码实训</h1>
        <hr>
        <practise-code01></practise-code01>
        <hr>
        <practise-code02></practise-code02>
        <hr>
        <practise-code03></practise-code03>
        <hr>
        <practise-code04></practise-code04>
        <hr>
        <practise-code05></practise-code05>
        <hr>
        <practise-code06></practise-code06>
        <hr>
        <practise-code07></practise-code07>
        <hr>
        <practise-code08></practise-code08>
        <hr>
        <practise-code09></practise-code09>
    </div>
</template>

<script>
import practiseCode01 from "@/components/practise-code-01"
import practiseCode02 from "@/components/practise-code-02"
import practiseCode03 from "@/components/practise-code-03"
import practiseCode04 from "@/components/practise-code-04"
import practiseCode05 from "@/components/practise-code-05"
import practiseCode06 from "@/components/practise-code-06"
import practiseCode07 from "@/components/practise-code-07"
import practiseCode08 from "@/components/practise-code-08"
import practiseCode09 from "@/components/practise-code-09"

export default {
    components: {
        practiseCode01,
        practiseCode02,
        practiseCode03,
        practiseCode04,
        practiseCode05,
        practiseCode06,
        practiseCode07,
        practiseCode08,
        practiseCode09
    }
}
</script>

<style>
</style>
